
let selectedColor = [
  {
    "backgroundColor": "rgb(255, 255, 255)",
    "position": "absolute",
    "inset": "0% 87.5% 0% 0%"
  },
  {
    "backgroundColor": "rgb(195, 216, 37)",
    "position": "absolute",
    "inset": "0% 75% 0% 12.5%"
  },
  {
    "backgroundColor": "rgb(224, 235, 175)",
    "position": "absolute",
    "inset": "0% 62.5% 0% 25%"
  },
  {
    "backgroundColor": "rgb(216, 230, 152)",
    "position": "absolute",
    "inset": "0% 50% 0% 37.5%"
  },
  {
    "backgroundColor": "rgb(245, 229, 107)",
    "position": "absolute",
    "inset": "0% 37.5% 0% 50%"
  },
  {
    "backgroundColor": "rgb(255, 193, 125)",
    "position": "absolute",
    "inset": "0% 25% 0% 62.5%"
  },
  {
    "backgroundColor": "rgb(255, 158, 154)",
    "position": "absolute",
    "inset": "0% 12.5% 0% 75%"
  },
  {
    "backgroundColor": "rgb(216, 181, 166)",
    "position": "absolute",
    "inset": "0% 0% 0% 87.5%"
  }
]
export const colorList = [
  {
    "backgroundColor": "rgb(255, 255, 255)",
    "position": "absolute",
    "inset": "0% 93.75% 75% 0%"
  },
  {
    "backgroundColor": "rgb(242, 242, 242)",
    "position": "absolute",
    "inset": "0% 87.5% 75% 6.25%"
  },
  {
    "backgroundColor": "rgb(229, 229, 229)",
    "position": "absolute",
    "inset": "0% 81.25% 75% 12.5%"
  },
  {
    "backgroundColor": "rgb(217, 217, 217)",
    "position": "absolute",
    "inset": "0% 75% 75% 18.75%"
  },
  {
    "backgroundColor": "rgb(204, 204, 204)",
    "position": "absolute",
    "inset": "0% 68.75% 75% 25%"
  },
  {
    "backgroundColor": "rgb(191, 191, 191)",
    "position": "absolute",
    "inset": "0% 62.5% 75% 31.25%"
  },
  {
    "backgroundColor": "rgb(178, 178, 178)",
    "position": "absolute",
    "inset": "0% 56.25% 75% 37.5%"
  },
  {
    "backgroundColor": "rgb(166, 166, 166)",
    "position": "absolute",
    "inset": "0% 50% 75% 43.75%"
  },
  {
    "backgroundColor": "rgb(153, 153, 153)",
    "position": "absolute",
    "inset": "0% 43.75% 75% 50%"
  },
  {
    "backgroundColor": "rgb(140, 140, 140)",
    "position": "absolute",
    "inset": "0% 37.5% 75% 56.25%"
  },
  {
    "backgroundColor": "rgb(128, 128, 128)",
    "position": "absolute",
    "inset": "0% 31.25% 75% 62.5%"
  },
  {
    "backgroundColor": "rgb(115, 115, 115)",
    "position": "absolute",
    "inset": "0% 25% 75% 68.75%"
  },
  {
    "backgroundColor": "rgb(102, 102, 102)",
    "position": "absolute",
    "inset": "0% 18.75% 75% 75%"
  },
  {
    "backgroundColor": "rgb(77, 77, 77)",
    "position": "absolute",
    "inset": "0% 12.5% 75% 81.25%"
  },
  {
    "backgroundColor": "rgb(51, 51, 51)",
    "position": "absolute",
    "inset": "0% 6.25% 75% 87.5%"
  },
  {
    "backgroundColor": "rgb(0, 0, 0)",
    "position": "absolute",
    "inset": "0% 0% 75% 93.75%"
  },
  {
    "backgroundColor": "rgb(216, 181, 166)",
    "position": "absolute",
    "inset": "25% 93.75% 50% 0%"
  },
  {
    "backgroundColor": "rgb(255, 158, 154)",
    "position": "absolute",
    "inset": "25% 87.5% 50% 6.25%"
  },
  {
    "backgroundColor": "rgb(255, 193, 125)",
    "position": "absolute",
    "inset": "25% 81.25% 50% 12.5%"
  },
  {
    "backgroundColor": "rgb(245, 229, 107)",
    "position": "absolute",
    "inset": "25% 75% 50% 18.75%"
  },
  {
    "backgroundColor": "rgb(216, 230, 152)",
    "position": "absolute",
    "inset": "25% 68.75% 50% 25%"
  },
  {
    "backgroundColor": "rgb(224, 235, 175)",
    "position": "absolute",
    "inset": "25% 62.5% 50% 31.25%"
  },
  {
    "backgroundColor": "rgb(195, 216, 37)",
    "position": "absolute",
    "inset": "25% 56.25% 50% 37.5%"
  },
  {
    "backgroundColor": "rgb(187, 226, 231)",
    "position": "absolute",
    "inset": "25% 50% 50% 43.75%"
  },
  {
    "backgroundColor": "rgb(133, 211, 205)",
    "position": "absolute",
    "inset": "25% 43.75% 50% 50%"
  },
  {
    "backgroundColor": "rgb(189, 225, 230)",
    "position": "absolute",
    "inset": "25% 37.5% 50% 56.25%"
  },
  {
    "backgroundColor": "rgb(160, 216, 239)",
    "position": "absolute",
    "inset": "25% 31.25% 50% 62.5%"
  },
  {
    "backgroundColor": "rgb(137, 195, 235)",
    "position": "absolute",
    "inset": "25% 25% 50% 68.75%"
  },
  {
    "backgroundColor": "rgb(187, 200, 230)",
    "position": "absolute",
    "inset": "25% 18.75% 50% 75%"
  },
  {
    "backgroundColor": "rgb(187, 188, 222)",
    "position": "absolute",
    "inset": "25% 12.5% 50% 81.25%"
  },
  {
    "backgroundColor": "rgb(214, 180, 204)",
    "position": "absolute",
    "inset": "25% 6.25% 50% 87.5%"
  },
  {
    "backgroundColor": "rgb(251, 192, 211)",
    "position": "absolute",
    "inset": "25% 0% 50% 93.75%"
  },
  {
    "backgroundColor": "rgb(187, 149, 129)",
    "position": "absolute",
    "inset": "50% 93.75% 25% 0%"
  },
  {
    "backgroundColor": "rgb(243, 125, 121)",
    "position": "absolute",
    "inset": "50% 87.5% 25% 6.25%"
  },
  {
    "backgroundColor": "rgb(251, 167, 79)",
    "position": "absolute",
    "inset": "50% 81.25% 25% 12.5%"
  },
  {
    "backgroundColor": "rgb(255, 219, 79)",
    "position": "absolute",
    "inset": "50% 75% 25% 18.75%"
  },
  {
    "backgroundColor": "rgb(199, 220, 104)",
    "position": "absolute",
    "inset": "50% 68.75% 25% 25%"
  },
  {
    "backgroundColor": "rgb(176, 202, 113)",
    "position": "absolute",
    "inset": "50% 62.5% 25% 31.25%"
  },
  {
    "backgroundColor": "rgb(153, 171, 78)",
    "position": "absolute",
    "inset": "50% 56.25% 25% 37.5%"
  },
  {
    "backgroundColor": "rgb(132, 185, 203)",
    "position": "absolute",
    "inset": "50% 50% 25% 43.75%"
  },
  {
    "backgroundColor": "rgb(0, 163, 175)",
    "position": "absolute",
    "inset": "50% 43.75% 25% 50%"
  },
  {
    "backgroundColor": "rgb(44, 169, 225)",
    "position": "absolute",
    "inset": "50% 37.5% 25% 56.25%"
  },
  {
    "backgroundColor": "rgb(0, 149, 217)",
    "position": "absolute",
    "inset": "50% 31.25% 25% 62.5%"
  },
  {
    "backgroundColor": "rgb(76, 108, 179)",
    "position": "absolute",
    "inset": "50% 25% 25% 68.75%"
  },
  {
    "backgroundColor": "rgb(132, 145, 195)",
    "position": "absolute",
    "inset": "50% 18.75% 25% 75%"
  },
  {
    "backgroundColor": "rgb(165, 154, 202)",
    "position": "absolute",
    "inset": "50% 12.5% 25% 81.25%"
  },
  {
    "backgroundColor": "rgb(204, 126, 177)",
    "position": "absolute",
    "inset": "50% 6.25% 25% 87.5%"
  },
  {
    "backgroundColor": "rgb(232, 155, 180)",
    "position": "absolute",
    "inset": "50% 0% 25% 93.75%"
  },
  {
    "backgroundColor": "rgb(157, 119, 95)",
    "position": "absolute",
    "inset": "75% 93.75% 0% 0%"
  },
  {
    "backgroundColor": "rgb(221, 75, 75)",
    "position": "absolute",
    "inset": "75% 87.5% 0% 6.25%"
  },
  {
    "backgroundColor": "rgb(239, 139, 7)",
    "position": "absolute",
    "inset": "75% 81.25% 0% 12.5%"
  },
  {
    "backgroundColor": "rgb(252, 200, 0)",
    "position": "absolute",
    "inset": "75% 75% 0% 18.75%"
  },
  {
    "backgroundColor": "rgb(170, 207, 83)",
    "position": "absolute",
    "inset": "75% 68.75% 0% 25%"
  },
  {
    "backgroundColor": "rgb(130, 174, 70)",
    "position": "absolute",
    "inset": "75% 62.5% 0% 31.25%"
  },
  {
    "backgroundColor": "rgb(105, 130, 27)",
    "position": "absolute",
    "inset": "75% 56.25% 0% 37.5%"
  },
  {
    "backgroundColor": "rgb(89, 185, 198)",
    "position": "absolute",
    "inset": "75% 50% 0% 43.75%"
  },
  {
    "backgroundColor": "rgb(42, 131, 162)",
    "position": "absolute",
    "inset": "75% 43.75% 0% 50%"
  },
  {
    "backgroundColor": "rgb(0, 123, 187)",
    "position": "absolute",
    "inset": "75% 37.5% 0% 56.25%"
  },
  {
    "backgroundColor": "rgb(25, 68, 142)",
    "position": "absolute",
    "inset": "75% 31.25% 0% 62.5%"
  },
  {
    "backgroundColor": "rgb(39, 74, 120)",
    "position": "absolute",
    "inset": "75% 25% 0% 68.75%"
  },
  {
    "backgroundColor": "rgb(74, 72, 142)",
    "position": "absolute",
    "inset": "75% 18.75% 0% 75%"
  },
  {
    "backgroundColor": "rgb(112, 88, 163)",
    "position": "absolute",
    "inset": "75% 12.5% 0% 81.25%"
  },
  {
    "backgroundColor": "rgb(136, 72, 152)",
    "position": "absolute",
    "inset": "75% 6.25% 0% 87.5%"
  },
  {
    "backgroundColor": "rgb(212, 117, 150)",
    "position": "absolute",
    "inset": "75% 0% 0% 93.75%"
  },
  {
    "backgroundColor": "",
    "position": "absolute",
    "inset": ""
  }
]